<!DOCTYPE html>
<html lang="">
    <head><meta charset='utf-8'>
<meta name='viewport' content='width=device-width, initial-scale=1'>
<script async src="//busuanzi.ibruce.info/busuanzi/2.3/busuanzi.pure.mini.js">
</script><meta name='description' content=''><title>分类</title>

<link rel='canonical' href='http://example.org/page/archives/'>

<link rel="stylesheet" href="/scss/style.min.css"><meta property='og:title' content='分类'>
<meta property='og:description' content=''>
<meta property='og:url' content='http://example.org/page/archives/'>
<meta property='og:site_name' content='我的技术小屋'>
<meta property='og:type' content='article'><meta property='article:section' content='Page' /><meta property='article:published_time' content='2019-05-28T00:00:00&#43;00:00'/><meta property='article:modified_time' content='2019-05-28T00:00:00&#43;00:00'/>
<meta name="twitter:title" content="分类">
<meta name="twitter:description" content="">
    <link rel="shortcut icon" href="/img/%e7%bc%85%e5%9b%a0%e7%8c%ab.png" />
<style>
    :root {
        --article-font-family: "Noto Serif SC", var(--base-font-family);
    }
</style>

<script> 
		(function () {
		    const customFont = document.createElement('link');
		    customFont.href = "https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@300;700&display=swap"; 
		    customFont.type = "text/css";
		    customFont.rel = "stylesheet";
		
		    document.head.appendChild(customFont);
		}());
</script>
    </head>
    <body class="template-archives">
    <script>
        (function() {
            const colorSchemeKey = 'StackColorScheme';
            if(!localStorage.getItem(colorSchemeKey)){
                localStorage.setItem(colorSchemeKey, "auto");
            }
        })();
    </script><script>
    (function() {
        const colorSchemeKey = 'StackColorScheme';
        const colorSchemeItem = localStorage.getItem(colorSchemeKey);
        const supportDarkMode = window.matchMedia('(prefers-color-scheme: dark)').matches === true;

        if (colorSchemeItem == 'dark' || colorSchemeItem === 'auto' && supportDarkMode) {
            

            document.documentElement.dataset.scheme = 'dark';
        } else {
            document.documentElement.dataset.scheme = 'light';
        }
    })();
</script>
<div class="container main-container flex on-phone--column extended"><aside class="sidebar left-sidebar sticky">
    <button class="hamburger hamburger--spin" type="button" id="toggle-menu" aria-label="Toggle Menu">
        <span class="hamburger-box">
            <span class="hamburger-inner"></span>
        </span>
    </button>

    <header class="site-info">
        
            
            <figure class="site-avatar">
                
                    
                    
                    
                        
                        <img src="/img/avatar_hu74f654cca9680926e2e60fcfe1112045_22904_300x0_resize_box_3.png" width="300"
                            height="300" class="site-logo" loading="lazy" alt="Avatar">
                    
                

                
                    <span class="emoji">😀</span>
                
            </figure>
            
        
        
        <h1 class="site-name"><a href="/">我的技术小屋</a></h1>
        <h2 class="site-description">Dry is finished！</h2></header>

    <ol class="menu" id="main-menu">
        
        
        

        <li >
            <a href='/' >
                
                
                    
                
                
                    <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-home" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
  <path stroke="none" d="M0 0h24v24H0z"/>
  <polyline points="5 12 3 12 12 3 21 12 19 12" />
  <path d="M5 12v7a2 2 0 0 0 2 2h10a2 2 0 0 0 2 -2v-7" />
  <path d="M9 21v-6a2 2 0 0 1 2 -2h2a2 2 0 0 1 2 2v6" />
</svg>



                
                <span>Home</span>
            </a>
        </li>
        
        

        <li >
            <a href='/page/about/' >
                
                
                
                    <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-user" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
  <path stroke="none" d="M0 0h24v24H0z"/>
  <circle cx="12" cy="7" r="4" />
  <path d="M6 21v-2a4 4 0 0 1 4 -4h4a4 4 0 0 1 4 4v2" />
</svg>



                
                <span>简介</span>
            </a>
        </li>
        
        

        <li  class='current' >
            <a href='/page/archives/' >
                
                
                
                    <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-archive" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
  <path stroke="none" d="M0 0h24v24H0z"/>
  <rect x="3" y="4" width="18" height="4" rx="2" />
  <path d="M5 8v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2 -2v-10" />
  <line x1="10" y1="12" x2="14" y2="12" />
</svg>



                
                <span>分类</span>
            </a>
        </li>
        
        

        <li >
            <a href='/page/search/' >
                
                
                
                    <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-search" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
  <path stroke="none" d="M0 0h24v24H0z"/>
  <circle cx="10" cy="10" r="7" />
  <line x1="21" y1="21" x2="15" y2="15" />
</svg>



                
                <span>搜索</span>
            </a>
        </li>
        

        
            <li id="dark-mode-toggle">
                <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-toggle-left" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
  <path stroke="none" d="M0 0h24v24H0z"/>
  <circle cx="8" cy="12" r="2" />
  <rect x="2" y="6" width="20" height="12" rx="6" />
</svg>



                <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-toggle-right" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
  <path stroke="none" d="M0 0h24v24H0z"/>
  <circle cx="16" cy="12" r="2" />
  <rect x="2" y="6" width="20" height="12" rx="6" />
</svg>



                <span>Dark Mode</span>
            </li>
        
    </ol>
</aside>
<main class="main full-width">
    <h2 class="section-title">Categories</h2>
    <div class="subsection-list">
        <div class="article-list--tile">
            
                
<article class="">
    <a href="/categories/%E8%AE%BE%E8%AE%A1%E6%A8%A1%E5%BC%8F/">
        
        

        <div class="article-details">
            <h2 class="article-title">设计模式</h2>
        </div>
    </a>
</article>
            
                
<article class="">
    <a href="/categories/%E7%AE%97%E6%B3%95/">
        
        

        <div class="article-details">
            <h2 class="article-title">算法</h2>
        </div>
    </a>
</article>
            
                
<article class="">
    <a href="/categories/%E6%95%B0%E6%8D%AE%E7%BB%93%E6%9E%84/">
        
        

        <div class="article-details">
            <h2 class="article-title">数据结构</h2>
        </div>
    </a>
</article>
            
                
<article class="">
    <a href="/categories/%E6%AF%8F%E6%97%A5%E4%B8%80%E9%A2%98/">
        
        

        <div class="article-details">
            <h2 class="article-title">每日一题</h2>
        </div>
    </a>
</article>
            
                
<article class="has-image">
    <a href="/categories/test/">
        
        
            <div class="article-image">
                <img src="/categories/test/_hu8102ac0a5989befdf52fa5096a373f78_52927_ba0b8e744b36f1e48b9c54b5d2847004.jpg" 
                        width="250" 
                        height="150" 
                        loading="lazy" 
                        data-key="test" 
                        data-hash="md5-vsif6ZlY2JQT7cD5Noi91g==">
                
            </div>
        

        <div class="article-details">
            <h2 class="article-title">Test</h2>
        </div>
    </a>
</article>
            
        </div>
    </div>
    

    
    
    

    
    
    <div class="archives-group" id="2022">
        <h2 class="archives-date section-title"><a href="/page/archives/#2022">2022</a></h2>
        <div class="article-list--compact">
            
                <article>
    <a href="/post/%E8%AE%BE%E8%AE%A1%E6%A8%A1%E5%BC%8F-%E5%A4%96%E8%A7%82%E6%A8%A1%E5%BC%8F/">
        <div class="article-details">
            <h2 class="article-title">设计模式-外观模式</h2>
            <footer class="article-time">
                <time datetime='2022-02-23T00:00:00Z'>Feb 23, 2022</time>
            </footer>
        </div>
            <div class="article-image">
                <img src="/post/%E8%AE%BE%E8%AE%A1%E6%A8%A1%E5%BC%8F-%E5%A4%96%E8%A7%82%E6%A8%A1%E5%BC%8F/%E8%AE%BE%E8%AE%A1_hu6c0eed8e37f4c0026f67918d61df758e_74484_120x120_fill_q75_box_smart1.jfif" 
                        width="120"
                        height="120" 
                        loading="lazy">
                
            </div>
        
    </a>
</article>
            
                <article>
    <a href="/post/%E8%AE%BE%E8%AE%A1%E6%A8%A1%E5%BC%8F-%E9%80%82%E9%85%8D%E5%99%A8%E6%A8%A1%E5%BC%8F/">
        <div class="article-details">
            <h2 class="article-title">设计模式-适配器模式</h2>
            <footer class="article-time">
                <time datetime='2022-02-22T00:00:00Z'>Feb 22, 2022</time>
            </footer>
        </div>
            <div class="article-image">
                <img src="/post/%E8%AE%BE%E8%AE%A1%E6%A8%A1%E5%BC%8F-%E9%80%82%E9%85%8D%E5%99%A8%E6%A8%A1%E5%BC%8F/%E8%AE%BE%E8%AE%A1_hu6c0eed8e37f4c0026f67918d61df758e_74484_120x120_fill_q75_box_smart1.jfif" 
                        width="120"
                        height="120" 
                        loading="lazy">
                
            </div>
        
    </a>
</article>
            
                <article>
    <a href="/post/%E8%AE%BE%E8%AE%A1%E6%A8%A1%E5%BC%8F-%E5%91%BD%E4%BB%A4%E6%A8%A1%E5%BC%8F/">
        <div class="article-details">
            <h2 class="article-title">设计模式-命令模式</h2>
            <footer class="article-time">
                <time datetime='2022-02-20T00:00:00Z'>Feb 20, 2022</time>
            </footer>
        </div>
            <div class="article-image">
                <img src="/post/%E8%AE%BE%E8%AE%A1%E6%A8%A1%E5%BC%8F-%E5%91%BD%E4%BB%A4%E6%A8%A1%E5%BC%8F/%E8%AE%BE%E8%AE%A1_hu6c0eed8e37f4c0026f67918d61df758e_74484_120x120_fill_q75_box_smart1.jfif" 
                        width="120"
                        height="120" 
                        loading="lazy">
                
            </div>
        
    </a>
</article>
            
                <article>
    <a href="/post/%E8%AE%BE%E8%AE%A1%E6%A8%A1%E5%BC%8F-%E5%8D%95%E4%BE%8B%E6%A8%A1%E5%BC%8F/">
        <div class="article-details">
            <h2 class="article-title">设计模式-单例模式</h2>
            <footer class="article-time">
                <time datetime='2022-02-14T00:00:00Z'>Feb 14, 2022</time>
            </footer>
        </div>
            <div class="article-image">
                <img src="/post/%E8%AE%BE%E8%AE%A1%E6%A8%A1%E5%BC%8F-%E5%8D%95%E4%BE%8B%E6%A8%A1%E5%BC%8F/%E8%AE%BE%E8%AE%A1_hu6c0eed8e37f4c0026f67918d61df758e_74484_120x120_fill_q75_box_smart1.jfif" 
                        width="120"
                        height="120" 
                        loading="lazy">
                
            </div>
        
    </a>
</article>
            
                <article>
    <a href="/post/%E8%AE%BE%E8%AE%A1%E6%A8%A1%E5%BC%8F-%E5%B7%A5%E5%8E%82%E6%A8%A1%E5%BC%8F/">
        <div class="article-details">
            <h2 class="article-title">设计模式-工厂模式</h2>
            <footer class="article-time">
                <time datetime='2022-02-10T00:00:00Z'>Feb 10, 2022</time>
            </footer>
        </div>
            <div class="article-image">
                <img src="/post/%E8%AE%BE%E8%AE%A1%E6%A8%A1%E5%BC%8F-%E5%B7%A5%E5%8E%82%E6%A8%A1%E5%BC%8F/%E8%AE%BE%E8%AE%A1_hu6c0eed8e37f4c0026f67918d61df758e_74484_120x120_fill_q75_box_smart1.jfif" 
                        width="120"
                        height="120" 
                        loading="lazy">
                
            </div>
        
    </a>
</article>
            
                <article>
    <a href="/post/%E8%AE%BE%E8%AE%A1%E6%A8%A1%E5%BC%8F-%E8%A3%85%E9%A5%B0%E8%80%85%E6%A8%A1%E5%BC%8F/">
        <div class="article-details">
            <h2 class="article-title">设计模式-装饰者模式</h2>
            <footer class="article-time">
                <time datetime='2022-02-07T00:00:00Z'>Feb 07, 2022</time>
            </footer>
        </div>
            <div class="article-image">
                <img src="/post/%E8%AE%BE%E8%AE%A1%E6%A8%A1%E5%BC%8F-%E8%A3%85%E9%A5%B0%E8%80%85%E6%A8%A1%E5%BC%8F/%E8%AE%BE%E8%AE%A1_hu6c0eed8e37f4c0026f67918d61df758e_74484_120x120_fill_q75_box_smart1.jfif" 
                        width="120"
                        height="120" 
                        loading="lazy">
                
            </div>
        
    </a>
</article>
            
                <article>
    <a href="/post/%E8%AE%BE%E8%AE%A1%E6%A8%A1%E5%BC%8F-%E8%A7%82%E5%AF%9F%E8%80%85%E6%A8%A1%E5%BC%8F/">
        <div class="article-details">
            <h2 class="article-title">设计模式-观察者模式</h2>
            <footer class="article-time">
                <time datetime='2022-01-26T00:00:00Z'>Jan 26, 2022</time>
            </footer>
        </div>
            <div class="article-image">
                <img src="/post/%E8%AE%BE%E8%AE%A1%E6%A8%A1%E5%BC%8F-%E8%A7%82%E5%AF%9F%E8%80%85%E6%A8%A1%E5%BC%8F/%E8%AE%BE%E8%AE%A1_hu6c0eed8e37f4c0026f67918d61df758e_74484_120x120_fill_q75_box_smart1.jfif" 
                        width="120"
                        height="120" 
                        loading="lazy">
                
            </div>
        
    </a>
</article>
            
                <article>
    <a href="/post/%E8%AE%BE%E8%AE%A1%E6%A8%A1%E5%BC%8F-%E7%AD%96%E7%95%A5%E6%A8%A1%E5%BC%8F/">
        <div class="article-details">
            <h2 class="article-title">设计模式-策略模式</h2>
            <footer class="article-time">
                <time datetime='2022-01-22T00:00:00Z'>Jan 22, 2022</time>
            </footer>
        </div>
            <div class="article-image">
                <img src="/post/%E8%AE%BE%E8%AE%A1%E6%A8%A1%E5%BC%8F-%E7%AD%96%E7%95%A5%E6%A8%A1%E5%BC%8F/%E8%AE%BE%E8%AE%A1_hu6c0eed8e37f4c0026f67918d61df758e_74484_120x120_fill_q75_box_smart1.jfif" 
                        width="120"
                        height="120" 
                        loading="lazy">
                
            </div>
        
    </a>
</article>
            
                <article>
    <a href="/post/%E8%AE%BE%E8%AE%A1%E6%A8%A1%E5%BC%8F-%E8%AE%BE%E8%AE%A1%E5%8E%9F%E5%88%99/">
        <div class="article-details">
            <h2 class="article-title">设计模式-设计原则</h2>
            <footer class="article-time">
                <time datetime='2022-01-20T00:00:00Z'>Jan 20, 2022</time>
            </footer>
        </div>
            <div class="article-image">
                <img src="/post/%E8%AE%BE%E8%AE%A1%E6%A8%A1%E5%BC%8F-%E8%AE%BE%E8%AE%A1%E5%8E%9F%E5%88%99/%E8%AE%BE%E8%AE%A1_hu6c0eed8e37f4c0026f67918d61df758e_74484_120x120_fill_q75_box_smart1.jfif" 
                        width="120"
                        height="120" 
                        loading="lazy">
                
            </div>
        
    </a>
</article>
            
                <article>
    <a href="/post/%E6%8E%92%E5%BA%8F%E7%AE%97%E6%B3%95%E4%BA%8C/">
        <div class="article-details">
            <h2 class="article-title">排序算法（二）</h2>
            <footer class="article-time">
                <time datetime='2022-01-11T00:00:00Z'>Jan 11, 2022</time>
            </footer>
        </div>
            <div class="article-image">
                <img src="/post/%E6%8E%92%E5%BA%8F%E7%AE%97%E6%B3%95%E4%BA%8C/aa_huc032c4d09cfc3260a681c94ccd0382c2_189778_120x120_fill_q75_box_smart1.jfif" 
                        width="120"
                        height="120" 
                        loading="lazy">
                
            </div>
        
    </a>
</article>
            
                <article>
    <a href="/post/%E6%8E%92%E5%BA%8F%E7%AE%97%E6%B3%95/">
        <div class="article-details">
            <h2 class="article-title">排序算法（一）</h2>
            <footer class="article-time">
                <time datetime='2022-01-10T00:00:00Z'>Jan 10, 2022</time>
            </footer>
        </div>
            <div class="article-image">
                <img src="/post/%E6%8E%92%E5%BA%8F%E7%AE%97%E6%B3%95/aa_huc032c4d09cfc3260a681c94ccd0382c2_189778_120x120_fill_q75_box_smart1.jfif" 
                        width="120"
                        height="120" 
                        loading="lazy">
                
            </div>
        
    </a>
</article>
            
        </div>
    </div>
    
    
    <div class="archives-group" id="2021">
        <h2 class="archives-date section-title"><a href="/page/archives/#2021">2021</a></h2>
        <div class="article-list--compact">
            
                <article>
    <a href="/post/%E8%BF%9E%E6%8E%A5%E8%AF%8D/">
        <div class="article-details">
            <h2 class="article-title">连接词</h2>
            <footer class="article-time">
                <time datetime='2021-12-28T00:00:00Z'>Dec 28, 2021</time>
            </footer>
        </div>
            <div class="article-image">
                <img src="/post/%E8%BF%9E%E6%8E%A5%E8%AF%8D/aa_hud3c20fccaaa9a9c72056f364d14b5f1f_1074620_120x120_fill_box_smart1_3.png" 
                        width="120"
                        height="120" 
                        loading="lazy">
                
            </div>
        
    </a>
</article>
            
                <article>
    <a href="/post/%E5%89%8D%E7%BC%80%E6%A0%91/">
        <div class="article-details">
            <h2 class="article-title">前缀树</h2>
            <footer class="article-time">
                <time datetime='2021-12-28T00:00:00Z'>Dec 28, 2021</time>
            </footer>
        </div>
            <div class="article-image">
                <img src="/post/%E5%89%8D%E7%BC%80%E6%A0%91/%E6%95%B0%E6%8D%AE%E7%BB%93%E6%9E%84_huc73353cd759cf331bc8f45f066092ff6_14396_120x120_fill_box_smart1_3.png" 
                        width="120"
                        height="120" 
                        loading="lazy">
                
            </div>
        
    </a>
</article>
            
                <article>
    <a href="/post/%E4%B8%80%E6%89%8B%E9%A1%BA%E5%AD%90/">
        <div class="article-details">
            <h2 class="article-title">一手顺子</h2>
            <footer class="article-time">
                <time datetime='2021-12-28T00:00:00Z'>Dec 28, 2021</time>
            </footer>
        </div>
            <div class="article-image">
                <img src="/post/%E4%B8%80%E6%89%8B%E9%A1%BA%E5%AD%90/aa_hud3c20fccaaa9a9c72056f364d14b5f1f_1074620_120x120_fill_box_smart1_3.png" 
                        width="120"
                        height="120" 
                        loading="lazy">
                
            </div>
        
    </a>
</article>
            
                <article>
    <a href="/post/2/%E5%92%8C%E4%B8%BAk%E7%9A%84%E5%AD%90%E6%95%B0%E7%BB%84/">
        <div class="article-details">
            <h2 class="article-title">和为K的子数组</h2>
            <footer class="article-time">
                <time datetime='2021-12-23T00:00:00Z'>Dec 23, 2021</time>
            </footer>
        </div>
            <div class="article-image">
                
                    <img src="/aa.png" loading="lazy" alt="Featured image of post 和为K的子数组" />
                
            </div>
        
    </a>
</article>
            
                <article>
    <a href="/post/%E6%AF%8F%E6%97%A5%E4%B8%80%E9%A2%98/">
        <div class="article-details">
            <h2 class="article-title">重复叠加字符串匹配</h2>
            <footer class="article-time">
                <time datetime='2021-12-22T00:00:00Z'>Dec 22, 2021</time>
            </footer>
        </div>
            <div class="article-image">
                <img src="/post/%E6%AF%8F%E6%97%A5%E4%B8%80%E9%A2%98/%E6%AF%8F%E6%97%A5%E4%B8%80%E9%A2%98_hud3c20fccaaa9a9c72056f364d14b5f1f_1074620_120x120_fill_box_smart1_3.png" 
                        width="120"
                        height="120" 
                        loading="lazy">
                
            </div>
        
    </a>
</article>
            
        </div>
    </div>
    

    <script src="https://s3.pstatp.com/cdn/expire-1-M/jquery/3.2.1/jquery.min.js"></script>
        <script>
        function color_tags() {
            var colorArr = ["#428BCA", "#AEDCAE", "#ECA9A7", "#DA99FF", "#FFB380", "#D9B999"];
            $('.tagCloud-tags a').each(function () {
                try {
                    tagsColor = colorArr[Math.floor(Math.random() * colorArr.length)];
                    $(this).css("background", tagsColor); 
                }
                catch (err) { }
            });
        }

        $(document).ready(function () {
            color_tags()
        });
    </script>
    

    

    

    

    

    

    

    

    

    

    

    

    

    

    

    

    

    

    

    

<footer class="site-footer">
<span id="busuanzi_container_site_uv">
    本站总访问量<span id="busuanzi_value_site_uv"></span>次
</span>
    <section class="copyright">
        &copy; 
        
        2022zp妙妙屋·<i class="fas fa-bell"></i> <a id="days">0</a>Days<br>共叭叭了 3682字·共 16篇文章</br><span><p>
    </section>
    <div style="width:300px;margin:0 auto; padding:20px 0;">
    <a href="https://beian.miit.gov.cn/，" rel="external nofollow" target="_blank"><p style="float:left;height:20px;line-height:20px;margin: 0px 0px 0px 25px; color:#939393;">京ICP备2022000201号-1</p></a></span>
		 		<a target="_blank" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=11011102001825" style="display:inline-block;text-decoration:none;height:20px;line-height:20px;"><img src="/beian.png" style="float:left;"/><p style="float:left;height:20px;line-height:20px;margin: 0px 0px 0px 5px; color:#939393;">京公网安备 11011102001825号</p></a>
	</div>
    <section class="powerby">
        Built with <a href="https://gohugo.io/" target="_blank" rel="noopener">Hugo</a> <br />
        Theme <b><a href="https://github.com/CaiJimmy/hugo-theme-stack" target="_blank" rel="noopener" data-version="3.5.0">Stack</a></b> designed by <a href="www.zpzp.vip" target="_blank" rel="noopener">ZP</a>
    </section>
</footer>



            </main>
        </div>
        <script 
                src="https://cdn.jsdelivr.net/npm/node-vibrant@3.1.5/dist/vibrant.min.js"integrity="sha256-5NovOZc4iwiAWTYIFiIM7DxKUXKWvpVEuMEPLzcm5/g="crossorigin="anonymous"
                defer="false"
                >
            </script><script type="text/javascript" src="/ts/main.js" defer></script>
<script>
    (function () {
        const customFont = document.createElement('link');
        customFont.href = "https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700&display=swap";

        customFont.type = "text/css";
        customFont.rel = "stylesheet";

        document.head.appendChild(customFont);
    }());
</script>

<script
    src="https://cdn.jsdelivr.net/gh/zhixuan2333/gh-blog@v0.1.0/js/ribbon.min.js"
    integrity="sha384-UEK8ZiP3VgFNP8KnKMKDmd4pAUAOJ59Y2Jo3ED2Z5qKQf6HLHovMxq7Beb9CLPUe"
    crossorigin="anonymous"
    size="300"
    alpha="0.6"
    zindex="-1"
    defer
></script>
<script
    src="https://cdn.jsdelivr.net/gh/zhixuan2333/gh-blog@v0.1.0/js/nprogress.min.js"
    integrity="sha384-bHDlAEUFxsRI7JfULv3DTpL2IXbbgn4JHQJibgo5iiXSK6Iu8muwqHANhun74Cqg"
    crossorigin="anonymous"
></script>
<link
    rel="stylesheet"
    href="https://cdn.jsdelivr.net/gh/zhixuan2333/gh-blog@v0.1.0/css/nprogress.css"
    integrity="sha384-KJyhr2syt5+4M9Pz5dipCvTrtvOmLk/olWVdfhAp858UCa64Ia5GFpTN7+G4BWpE"
    crossorigin="anonymous"
/>
<script src="/js/snow.js"></script>
<script>
    NProgress.start();
    document.addEventListener("readystatechange", () => {
        if (document.readyState === "interactive") NProgress.inc(0.8);
        if (document.readyState === "complete") NProgress.done();
    });
</script>

    </body>
</html>
